<template>
  <div class="Big">
    <el-backtop :right='20' :bottom='400'>
      <!-- 加个标签 -->
      回到顶部
    </el-backtop>
    <div ref="compt">
      <MusicCommon v-if="newMusicList.length!==0" :musicTitle='musicTitle'
        :newMusicList='newMusicList' :musicFlag="true">
      </MusicCommon>
    </div>

  </div>
</template>


<script>
import MusicCommon from '../../components/MusicComponent.vue'
import { listChange } from '../../utils/tools'
export default {
  name: '',
  data () {
    return {
      newMusicList: listChange(JSON.parse(JSON.parse(this.$route.query.jie))),
      // 音乐列表
      musicTitle: this.$route.query.songName,
      // 搜索来的音乐名字
    };
  },
  created () {
  },
  mounted () {

  },
  beforeDestroy () {
  },
  methods: {

  },
  components: { MusicCommon },

  props: {},

  watch: {},

  computed: {},

}

</script>
<style scoped >
.Big {
  height: 100%;
  /* background-color: #ccc; */
}
.el-backtop {
  /* 美化一下回到顶部按钮 */
  z-index: 3;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.5);
  background-color: black;
  width: 50px;
  height: 200px;
  border-radius: 10px;
}
</style>